<template>
  <div class="task-item">
	task-item。。。。。。。
	task-item。。。。。。。
	task-item。。。。。。。
	</div>
</template>

<script>
import $ from 'jquery';
import _ from 'lodash';

export default {
	name: 'task-item',
	data () {
		return {
			msg: 'Welcome to Your Vue.js App',
			checked: true,
			activeName: 'second'
		};
	},
	methods: {
		handleClick (tab, event) {
			console.log(tab, event);
		}
	},
	created: function () {
		console.log('created task list....');
		console.log(_.chunk(['a', 'b', 'c', 'd'], 2));
	},
	mounted: function () {
		console.log('mounted task list....');
		$('.task-item').addClass('add-jquery');

	}
};
</script>
